import React from "react";
import styles from "./projects-using-lerna.module.css";

interface ProjectItem {
  title: string;
  svg: JSX.Element;
  link: string;
}

const projects: ProjectItem[] = [
  {
    title: "Create React App",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>Create React App</title>
        <path d="M21.9192 10.846c0-1.22327-1.4398-2.30804-3.6538-2.97027.5326-2.24945.3001-4.03906-.7599-4.64447a1.69497 1.69497 0 0 0-.8504-.21305c-.9889 0-2.2388.69063-3.5011 1.88548-1.2623-1.18597-2.5086-1.87306-3.49577-1.87306a1.6796 1.6796 0 0 0-.86285.2166c-1.05459.60719-1.27297 2.38616-.74744 4.62495-2.20329.65868-3.63604 1.73458-3.6396 2.95252-.00355 1.2179 1.44164 2.308 3.65557 2.9685-.53262 2.2512-.30182 4.039.75988 4.6444.25893.1452.55186.2187.84865.2131.99066 0 2.24056-.6906 3.50286-1.8855 1.2606 1.186 2.5069 1.8731 3.4958 1.8731a1.7034 1.7034 0 0 0 .8629-.2166c1.0545-.6072 1.2711-2.3862.7474-4.6161 2.2033-.6676 3.636-1.7435 3.6378-2.9596Zm-7.952-5.54106c1.454-1.30138 2.363-1.44164 2.6862-1.44164a.83617.83617 0 0 1 .4296.10298c.5078.28939.7102 1.31025.5486 2.66311a10.07519 10.07519 0 0 1-.1775 1.02796 17.34708 17.34708 0 0 0-2.2335-.36751 17.49042 17.49042 0 0 0-1.4629-1.78961c.0656-.06569.1367-.13138.2095-.19529ZM9.56591 11.8526c.13848.2664.28584.5327.43849.8008.1527.268.3125.5397.4901.8078-.4812-.0693-.94812-.1563-1.39197-.2592.12428-.451.28229-.8948.46338-1.3494Zm-.49179-3.38033c.44918-.10475.91967-.19175 1.40788-.25921-.1775.26276-.3302.53262-.48999.81491-.15979.28229-.30004.53262-.43675.80249-.18109-.46161-.34147-.91434-.48114-1.35819Zm.92499 2.36843c.22019-.4652.46219-.93035.72619-1.39551.2663-.46516.5521-.91789.8468-1.35109.5167-.03905 1.0493-.06036 1.5979-.05858.5486.00177 1.0652.0213 1.5783.06214.2948.42965.577.8877.8434 1.34043.2663.45273.5113.92681.7314 1.39011-.2184.4652-.4616.9321-.7243 1.3937-.2628.4616-.5522.9197-.8469 1.3529-.5167.0408-1.0493.0604-1.5979.0604-.5486 0-1.0652-.0231-1.5783-.064-.2947-.4296-.5788-.877-.8451-1.3404-.2663-.4634-.5025-.9268-.7244-1.3901h-.00709Zm5.83399-2.62232c.4829.06747.9499.15446 1.3919.25744-.1313.43852-.2876.8877-.4687 1.34043-.1402-.26631-.2858-.53262-.4403-.80071-.1544-.26808-.3178-.53795-.4758-.79716h-.0071Zm.49 4.42432c.1527-.2687.2983-.5368.4368-.8043.1775.4617.3551.9162.4793 1.36-.4474.1048-.9179.19-1.4061.2574.1716-.2627.3373-.5338.4971-.8131h-.0071Zm-3.1655-6.53883c.3195.34088.6338.71016.9409 1.10608-.3036-.01243-.6143-.0213-.9285-.0213-.3143 0-.6356 0-.9463.0213.3036-.39414.6143-.7652.9339-1.10608ZM9.21971 3.97338a.85576.85576 0 0 1 .43852-.09943 2.32778 2.32778 0 0 1 .92147.23258 6.93702 6.93702 0 0 1 1.7754 1.20373l.2077.18997a17.47747 17.47747 0 0 0-1.4487 1.77541 17.55257 17.55257 0 0 0-2.24593.36574c-.07811-.34443-.14203-.68176-.17754-1.00666-.18464-1.34044.02841-2.36307.5273-2.65424l.00178-.0071Zm-.9392 9.00132a10.39917 10.39917 0 0 1-.98357-.3551c-1.26054-.5326-2.04172-1.2161-2.04172-1.8002 0-.5841.78473-1.26413 2.04349-1.78788a10.23244 10.23244 0 0 1 .96583-.34443 17.3821 17.3821 0 0 0 .80958 2.15531 17.53382 17.53382 0 0 0-.79361 2.1323Zm4.08349 3.391c-1.4541 1.3014-2.3631 1.4399-2.68801 1.4399a.83246.83246 0 0 1-.42965-.103c-.50777-.2894-.71017-1.3102-.5486-2.6631a9.95672 9.95672 0 0 1 .17754-1.0262c.7359.1695 1.48192.2917 2.23342.3658.4471.6285.9359 1.2264 1.463 1.7896l-.2077.197Zm.8113-.8007c-.3196-.3408-.6338-.7101-.9427-1.106.3053.0142.616.0213.9303.0213.3142 0 .6356 0 .9463-.0196-.3072.3942-.6196.7635-.9357 1.1043h.0018Zm3.9379 2.1305a.85608.85608 0 0 1-.4403.1048c-.3231 0-1.2428-.1421-2.6915-1.4381l-.2078-.19a17.46647 17.46647 0 0 0 1.447-1.7754 17.23638 17.23638 0 0 0 2.2477-.3657c.0781.3444.1402.6817.1775 1.0066.1758 1.3387-.0284 2.3613-.5344 2.6507l.0018.0071Zm1.9174-5.0492c-.3036.1242-.6249.2396-.9658.3426a17.48732 17.48732 0 0 0-.8114-2.1553c.3119-.6921.5782-1.40375.7972-2.13053.3336.10184.6619.22035.9836.35508 1.2587.53263 2.0417 1.21615 2.0399 1.80025-.0018.5841-.7847 1.257-2.0453 1.7808l.0018.0071Zm-5.873-.1811c.3223.0003.6375-.0949.9057-.2737a1.6294 1.6294 0 0 0 .6011-.7308c.1237-.2977.1563-.6254.0938-.9416a1.63017 1.63017 0 0 0-.4451-.83497 1.6301 1.6301 0 0 0-.8341-.44695 1.62958 1.62958 0 0 0-.9417.09172 1.62962 1.62962 0 0 0-.7321.59948 1.6301 1.6301 0 0 0-.2757.90522 1.6278 1.6278 0 0 0 .1229.6241c.0816.1979.2015.3778.3527.5294.1512.1515.3309.2718.5286.3538.1978.082.4098.1243.6239.1243ZM2.32756 1.012v19.6449H24V1.012H2.32756ZM23.1531 19.8118H3.17621V1.85886H23.1531V19.8118ZM8.06214 13.7932c-.53262 2.2512-.30182 4.039.75988 4.6444.25893.1452.55186.2187.84864.2131.99064 0 2.24054-.6906 3.50284-1.8855 1.2606 1.186 2.5069 1.8731 3.4958 1.8731.3018.0055.5995-.0692.8629-.2166 1.0546-.6072 1.2712-2.3862.7474-4.6161 2.2033-.6605 3.6361-1.7364 3.6378-2.9525.0018-1.21616-1.4398-2.30804-3.6538-2.97027.5327-2.24944.3001-4.03906-.7598-4.64447a1.69549 1.69549 0 0 0-.8504-.21305c-.989 0-2.2388.69063-3.5012 1.88548-1.2623-1.18597-2.5086-1.87305-3.49574-1.87305a1.67948 1.67948 0 0 0-.86285.2166c-1.0546.60719-1.27297 2.38615-.74745 4.62494-2.20328.65868-3.63604 1.73458-3.6396 2.95252-.00354 1.2179 1.44342 2.2974 3.65735 2.9614h-.00177Zm4.29826 2.5725c-1.4541 1.3014-2.36306 1.4399-2.68796 1.4399a.83246.83246 0 0 1-.42965-.103c-.50777-.2894-.71017-1.3102-.5486-2.6631a9.95672 9.95672 0 0 1 .17754-1.0262 17.6808 17.6808 0 0 0 2.23347.3658c.4471.6285.9358 1.2264 1.4629 1.7896l-.2077.197Zm4.4013-6.54945c-.1403-.26631-.2859-.53262-.4404-.80071-.1544-.26808-.3195-.53262-.4829-.79716.4829.06747.9499.15446 1.392.25744-.1296.43852-.2859.8877-.467 1.34043h-.0017Zm.4829 3.37325c-.4474.1048-.9179.19-1.4062.2575.1669-.2628.3303-.5338.4901-.8132.1597-.2793.3053-.5474.4367-.8042.1864.4705.348.9214.4758 1.3688l.0036-.0089Zm-.925-2.3701c-.2184.4651-.4616.9321-.7244 1.3937-.2628.4616-.5521.9196-.8469 1.3528-.5166.0409-1.0492.0604-1.5978.0604-.5486 0-1.0653-.0231-1.5784-.0639-.2947-.4297-.5788-.8771-.8451-1.3405-.2663-.4633-.5095-.9267-.73144-1.3901.22014-.4652.46224-.93033.72614-1.39548.2663-.46516.5522-.91789.8469-1.35109.5166-.03906 1.0492-.06037 1.5978-.05859.5486.00177 1.0653.0213 1.5784.06214.2947.42965.577.8877.8433 1.34043.2663.45273.5131.93569.7332 1.39899l-.0017-.0088Zm-5.8251 2.6418c-.4812-.0693-.94812-.1563-1.39197-.2592.13138-.4368.28939-.8877.47048-1.3405.13848.2663.28584.5326.43849.8007.1527.2681.3054.5309.483.799Zm-.49539-4.43856c-.15446.26632-.30004.53263-.43675.80249-.18583-.45806-.34857-.90901-.48824-1.35286.44918-.10475.91967-.19175 1.40788-.25921-.1651.26276-.3231.5344-.48289.80958ZM13.1735 15.565c-.3195-.3408-.6338-.7101-.9427-1.106.3054.0142.6161.0213.9303.0213.3143 0 .6356 0 .9463-.0196-.3054.3942-.6178.7635-.9339 1.1043Zm3.9379 2.1305a.85608.85608 0 0 1-.4403.1048c-.3231 0-1.2428-.1421-2.6915-1.4381l-.2077-.19a17.479 17.479 0 0 0 1.4469-1.7754 17.23363 17.23363 0 0 0 2.2477-.3657c.0781.3444.1402.6817.1775 1.0066.1776 1.3387-.0266 2.3613-.5326 2.6507v.0071Zm.9374-8.99421c.3336.10185.6619.22036.9836.35509 1.2588.53262 2.0417 1.21612 2.0399 1.80022-.0017.5842-.7829 1.2712-2.0435 1.795-.3035.1243-.6249.2397-.9658.3426a17.4868 17.4868 0 0 0-.8113-2.1553c.3124-.6967.5787-1.41311.7971-2.14471v.0071Zm-4.0834-3.38925c1.454-1.30138 2.3631-1.44164 2.6862-1.44164a.83626.83626 0 0 1 .4296.10298c.5078.28939.7102 1.31025.5486 2.66311a10.07586 10.07586 0 0 1-.1775 1.02797 17.34535 17.34535 0 0 0-2.2335-.36751 17.4762 17.4762 0 0 0-1.4629-1.78962c.0674-.07279.1385-.13848.2113-.20239l-.0018.0071Zm-.8078.79183c.3195.34088.6338.71016.9409 1.10608-.3036-.01243-.6143-.0213-.9285-.0213-.3143 0-.6356 0-.9463.0213.3036-.39414.6143-.7652.9339-1.10608ZM9.21971 3.97338a.85576.85576 0 0 1 .43852-.09943 2.32778 2.32778 0 0 1 .92147.23258 6.93702 6.93702 0 0 1 1.7754 1.20373l.2077.18997a17.47747 17.47747 0 0 0-1.4487 1.77541 17.55257 17.55257 0 0 0-2.24593.36574c-.07811-.34443-.14203-.68176-.17754-1.00666-.18464-1.34044.02841-2.36307.5273-2.65424l.00178-.0071Zm-1.921 5.05814a10.23244 10.23244 0 0 1 .96583-.34443 17.3821 17.3821 0 0 0 .80958 2.15531 17.53576 17.53576 0 0 0-.79716 2.1305 10.42642 10.42642 0 0 1-.98357-.355c-1.26054-.5327-2.04173-1.2162-2.04173-1.8003 0-.5841.78829-1.26233 2.04705-1.78608Zm5.85889.17754a1.62977 1.62977 0 0 0-.9058.27369 1.63023 1.63023 0 0 0-.6011.73075 1.63018 1.63018 0 0 0-.0938.9416c.0626.3162.2175.6068.4452.835.2277.2282.5179.3837.834.447.3161.0632.6438.0313.9418-.0918.2979-.123.5527-.3316.7321-.5995.1793-.2678.2753-.5828.2756-.9051a1.62678 1.62678 0 0 0-.1203-.6269 1.6295 1.6295 0 0 0-.3521-.53238 1.62911 1.62911 0 0 0-.5297-.35613 1.62834 1.62834 0 0 0-.6259-.1251v.00887Za1.62977 1.62977 0 0 0-.9058.27369 1.63023 1.63023 0 0 0-.6011.73075 1.63018 1.63018 0 0 0-.0938.9416c.0626.3162.2175.6068.4452.835.2277.2282.5179.3837.834.447.3161.0632.6438.0313.9418-.0918.2979-.123.5527-.3316.7321-.5995.1793-.2678.2753-.5828.2756-.9051a1.62678 1.62678 0 0 0-.1203-.6269 1.6295 1.6295 0 0 0-.3521-.53238 1.62911 1.62911 0 0 0-.5297-.35613 1.62834 1.62834 0 0 0-.6259-.1251v.00887Za1.62977 1.62977 0 0 0-.9058.27369 1.63023 1.63023 0 0 0-.6011.73075 1.63018 1.63018 0 0 0-.0938.9416c.0626.3162.2175.6068.4452.835.2277.2282.5179.3837.834.447.3161.0632.6438.0313.9418-.0918.2979-.123.5527-.3316.7321-.5995.1793-.2678.2753-.5828.2756-.9051a1.62678 1.62678 0 0 0-.1203-.6269 1.6295 1.6295 0 0 0-.3521-.53238 1.62911 1.62911 0 0 0-.5297-.35613 1.62834 1.62834 0 0 0-.6259-.1251v.00887Zm8.7616 1.64044c0-1.22322-1.4398-2.30799-3.6538-2.97022.5326-2.24944.3001-4.03906-.7599-4.64447a1.69497 1.69497 0 0 0-.8504-.21305c-.9889 0-2.2388.69063-3.5011 1.88548-1.2623-1.18597-2.5086-1.87305-3.49577-1.87305a1.6795 1.6795 0 0 0-.86285.2166c-1.05459.60719-1.27297 2.38615-.74744 4.62494-2.20329.65868-3.63604 1.73458-3.6396 2.95247-.00355 1.218 1.44164 2.3081 3.65557 2.9685-.53262 2.2512-.30182 4.0391.75988 4.6445.25893.1451.55186.2187.84865.213.99066 0 2.24056-.6906 3.50286-1.8854 1.2606 1.1859 2.5069 1.873 3.4958 1.873.3017.0056.5995-.0692.8629-.2166 1.0545-.6072 1.2711-2.3861.7474-4.616 2.2033-.6712 3.636-1.7471 3.6378-2.9632v.0035Zm-7.952-5.54456c1.454-1.30138 2.363-1.44164 2.6862-1.44164a.83617.83617 0 0 1 .4296.10298c.5078.28939.7102 1.31025.5486 2.66311a10.07519 10.07519 0 0 1-.1775 1.02796 17.34708 17.34708 0 0 0-2.2335-.36751 17.49042 17.49042 0 0 0-1.4629-1.78961c.0656-.06569.1367-.13138.2095-.19529ZM9.56591 11.8526c.13848.2664.28584.5327.43849.8008.1527.268.3125.5397.4901.8078-.4812-.0693-.94812-.1563-1.39197-.2592.12428-.451.28229-.8948.46338-1.3494Zm-.49179-3.38033c.44918-.10475.91967-.19175 1.40788-.25921-.1775.26276-.3302.53262-.48999.81491-.15979.28229-.30004.53262-.43675.80249-.18109-.46161-.34147-.91434-.48114-1.35819Zm.92499 2.36843c.22019-.4652.46219-.93035.72619-1.39551.2663-.46516.5521-.91789.8468-1.35109.5167-.03905 1.0493-.06036 1.5979-.05858.5486.00177 1.0652.0213 1.5783.06214.2948.42965.577.8877.8434 1.34043.2663.45273.5113.92681.7314 1.39011-.2184.4652-.4616.9321-.7243 1.3937-.2628.4616-.5522.9197-.8469 1.3529-.5167.0408-1.0493.0604-1.5979.0604-.5486 0-1.0652-.0231-1.5783-.064-.2947-.4296-.5788-.877-.8451-1.3404-.2663-.4634-.5025-.9268-.7244-1.3901h-.00709Zm5.83399-2.62232c.4829.06747.9499.15446 1.3919.25744-.1313.43852-.2876.8877-.4687 1.34043-.1402-.26631-.2858-.53262-.4403-.80071-.1544-.26808-.3178-.53795-.4758-.79716h-.0071Zm.49 4.42432c.1527-.2687.2983-.5368.4368-.8043.1775.4617.3551.9162.4793 1.36-.4474.1048-.9179.19-1.4061.2574.1716-.2627.3373-.5338.4971-.8131h-.0071Zm-3.1655-6.53883c.3195.34088.6338.71016.9409 1.10608-.3036-.01243-.6143-.0213-.9285-.0213-.3143 0-.6356 0-.9463.0213.3036-.39414.6143-.7652.9339-1.10608ZM9.21971 3.97338a.85576.85576 0 0 1 .43852-.09943 2.32778 2.32778 0 0 1 .92147.23258 6.93702 6.93702 0 0 1 1.7754 1.20373l.2077.18997a17.47747 17.47747 0 0 0-1.4487 1.77541 17.55257 17.55257 0 0 0-2.24593.36574c-.07811-.34443-.14203-.68176-.17754-1.00666-.18464-1.34044.02841-2.36307.5273-2.65424l.00178-.0071Zm-.9392 9.00132a10.39917 10.39917 0 0 1-.98357-.3551c-1.26054-.5326-2.04172-1.2161-2.04172-1.8002 0-.5841.78473-1.26413 2.04349-1.78788a10.23244 10.23244 0 0 1 .96583-.34443 17.3821 17.3821 0 0 0 .80958 2.15531 17.53382 17.53382 0 0 0-.79361 2.1323Zm4.08349 3.391c-1.4541 1.3014-2.3631 1.4399-2.68801 1.4399a.83246.83246 0 0 1-.42965-.103c-.50777-.2894-.71017-1.3102-.5486-2.6631a9.95672 9.95672 0 0 1 .17754-1.0262c.7359.1695 1.48192.2917 2.23342.3658.4471.6285.9359 1.2264 1.463 1.7896l-.2077.197Zm.8113-.8007c-.3196-.3408-.6338-.7101-.9427-1.106.3053.0142.616.0213.9303.0213.3142 0 .6356 0 .9463-.0196-.3072.3942-.6196.7635-.9357 1.1043h.0018Zm3.9379 2.1305a.85608.85608 0 0 1-.4403.1048c-.3231 0-1.2428-.1421-2.6915-1.4381l-.2078-.19a17.46647 17.46647 0 0 0 1.447-1.7754 17.23638 17.23638 0 0 0 2.2477-.3657c.0781.3444.1402.6817.1775 1.0066.1758 1.3387-.0284 2.3613-.5344 2.6507l.0018.0071Zm1.9174-5.0492c-.3036.1242-.6249.2396-.9658.3426a17.48732 17.48732 0 0 0-.8114-2.1553c.3119-.6921.5782-1.40375.7972-2.13053.3336.10184.6619.22035.9836.35508 1.2587.53263 2.0417 1.21615 2.0399 1.80025-.0018.5841-.7847 1.257-2.0453 1.7808l.0018.0071Zm-5.873-.1811c.3223.0003.6375-.0949.9057-.2737a1.6294 1.6294 0 0 0 .6011-.7308c.1237-.2977.1563-.6254.0938-.9416a1.63017 1.63017 0 0 0-.4451-.83497 1.6301 1.6301 0 0 0-.8341-.44695 1.62958 1.62958 0 0 0-.9417.09172 1.62962 1.62962 0 0 0-.7321.59948 1.6301 1.6301 0 0 0-.2757.90522 1.6278 1.6278 0 0 0 .1229.6241c.0816.1979.2015.3778.3527.5294.1512.1515.3309.2718.5286.3538.1978.082.4098.1243.6239.1243ZM.85042 22.1412V2.48913L0 3.34133V22.988h21.6689l.8486-.8468H.85042Z" />
      </svg>
    ),
    link: "https://github.com/facebook/create-react-app",
  },
  {
    title: "Jest",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>Jest</title>
        <path d="M22.251 11.82a3.117 3.117 0 0 0-2.328-3.01L22.911 0H8.104L11.1 8.838a3.116 3.116 0 0 0-2.244 2.988c0 1.043.52 1.967 1.313 2.536a8.279 8.279 0 0 1-1.084 1.244 8.14 8.14 0 0 1-2.55 1.647c-.834-.563-1.195-1.556-.869-2.446a3.11 3.11 0 0 0-.91-6.08 3.117 3.117 0 0 0-3.113 3.113c0 .848.347 1.626.903 2.182-.048.097-.097.195-.146.299-.465.959-.993 2.043-1.195 3.259-.403 2.432.257 4.384 1.849 5.489A5.093 5.093 0 0 0 5.999 24c1.827 0 3.682-.917 5.475-1.807 1.279-.632 2.599-1.292 3.898-1.612.48-.118.98-.187 1.508-.264 1.07-.153 2.175-.312 3.168-.89a4.482 4.482 0 0 0 2.182-3.091c.174-.994 0-1.994-.444-2.87.298-.48.465-1.042.465-1.647zm-1.355 0c0 .965-.785 1.75-1.75 1.75a1.753 1.753 0 0 1-1.085-3.126l.007-.007c.056-.042.118-.084.18-.125 0 0 .008 0 .008-.007.028-.014.055-.035.083-.05.007 0 .014-.006.021-.006.028-.014.063-.028.097-.042.035-.014.07-.027.098-.041.007 0 .013-.007.02-.007.028-.007.056-.021.084-.028.007 0 .02-.007.028-.007.034-.007.062-.014.097-.02h.007l.104-.022c.007 0 .02 0 .028-.007.028 0 .055-.007.083-.007h.035c.035 0 .07-.007.111-.007h.09c.028 0 .05 0 .077.007h.014c.055.007.111.014.167.028a1.766 1.766 0 0 1 1.396 1.723zM10.043 1.39h10.93l-2.509 7.4c-.104.02-.208.055-.312.09l-2.64-5.385-2.648 5.35c-.104-.034-.216-.055-.327-.076l-2.494-7.38zm4.968 9.825a3.083 3.083 0 0 0-.938-1.668l1.438-2.904 1.452 2.967c-.43.43-.743.98-.868 1.605H15.01zm-3.481-1.098c.034-.007.062-.014.097-.02h.02c.029-.008.056-.008.084-.015h.028c.028 0 .049-.007.076-.007h.271c.028 0 .049.007.07.007.014 0 .02 0 .035.007.027.007.048.007.076.014.007 0 .014 0 .028.007l.097.02h.007c.028.008.056.015.083.029.007 0 .014.007.028.007.021.007.049.014.07.027.007 0 .014.007.02.007.028.014.056.021.084.035h.007a.374.374 0 0 1 .09.049h.007c.028.014.056.034.084.048.007 0 .007.007.013.007.028.014.05.035.077.049l.007.007c.083.062.16.132.236.201l.007.007a1.747 1.747 0 0 1 .48 1.209 1.752 1.752 0 0 1-3.502 0 1.742 1.742 0 0 1 1.32-1.695zm-6.838-.049c.966 0 1.751.786 1.751 1.751s-.785 1.751-1.75 1.751-1.752-.785-1.752-1.75.786-1.752 1.751-1.752zm16.163 6.025a3.07 3.07 0 0 1-1.508 2.133c-.758.438-1.689.577-2.669.716a17.29 17.29 0 0 0-1.64.291c-1.445.355-2.834 1.05-4.182 1.717-1.724.854-3.35 1.66-4.857 1.66a3.645 3.645 0 0 1-2.154-.688c-1.529-1.056-1.453-3.036-1.272-4.12.167-1.015.632-1.966 1.077-2.877.028-.055.049-.104.077-.16.152.056.312.098.479.126-.264 1.473.486 2.994 1.946 3.745l.264.139.284-.104c1.216-.431 2.342-1.133 3.336-2.071a9.334 9.334 0 0 0 1.445-1.716c.16.027.32.034.48.034a3.117 3.117 0 0 0 3.008-2.327h1.167a3.109 3.109 0 0 0 3.01 2.327c.576 0 1.11-.16 1.57-.43.18.52.236 1.063.139 1.605z" />
      </svg>
    ),
    link: "https://github.com/facebook/jest",
  },
  {
    title: "Strapi",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>Strapi</title>
        <path d="M7.684 0v8.035h7.775c.28 0 .502.236.502.483v7.802h8.025V.502A.502.502 0 0023.484 0zm-.5.5L.086 7.607a.251.251 0 00.178.428h6.92zm.5 8.035v7.283c0 .278.224.502.502.502h7.275V9.018c0-.278-.224-.482-.502-.483zm8.277 8.285v6.928c0 .224.271.336.43.178l7.095-7.106z" />
      </svg>
    ),
    link: "https://github.com/strapi/strapi",
  },
  {
    title: "NestJS",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>NestJS</title>
        <path d="M14.131.047c-.173 0-.334.037-.483.087.316.21.49.49.576.806.007.043.019.074.025.117a.681.681 0 0 1 .013.112c.024.545-.143.614-.26.936-.18.415-.13.861.086 1.22a.74.74 0 0 0 .074.137c-.235-1.568 1.073-1.803 1.314-2.293.019-.428-.334-.713-.613-.911a1.37 1.37 0 0 0-.732-.21zM16.102.4c-.024.143-.006.106-.012.18-.006.05-.006.112-.012.161-.013.05-.025.1-.044.149-.012.05-.03.1-.05.149l-.067.142c-.02.025-.031.05-.05.075l-.037.055a2.152 2.152 0 0 1-.093.124c-.037.038-.068.081-.112.112v.006c-.037.031-.074.068-.118.1-.13.099-.278.173-.415.266-.043.03-.087.056-.124.093a.906.906 0 0 0-.118.099c-.043.037-.074.074-.111.118-.031.037-.068.08-.093.124a1.582 1.582 0 0 0-.087.13c-.025.05-.043.093-.068.142-.019.05-.037.093-.05.143a2.007 2.007 0 0 0-.043.155c-.006.025-.006.056-.012.08-.007.025-.007.05-.013.075 0 .05-.006.105-.006.155 0 .037 0 .074.006.111 0 .05.006.1.019.155.006.05.018.1.03.15.02.049.032.098.05.148.013.03.031.062.044.087l-1.426-.552c-.241-.068-.477-.13-.719-.186l-.39-.093c-.372-.074-.75-.13-1.128-.167-.013 0-.019-.006-.031-.006A11.082 11.082 0 0 0 8.9 2.855c-.378.025-.756.074-1.134.136a12.45 12.45 0 0 0-.837.174l-.279.074c-.092.037-.18.08-.266.118l-.205.093c-.012.006-.024.006-.03.012-.063.031-.118.056-.174.087a2.738 2.738 0 0 0-.236.118c-.043.018-.086.043-.124.062a.559.559 0 0 1-.055.03c-.056.032-.112.063-.162.094a1.56 1.56 0 0 0-.148.093c-.044.03-.087.055-.124.086-.006.007-.013.007-.019.013-.037.025-.08.056-.118.087l-.012.012-.093.074c-.012.007-.025.019-.037.025-.031.025-.062.056-.093.08-.006.013-.019.02-.025.025-.037.038-.074.069-.111.106-.007 0-.007.006-.013.012a1.742 1.742 0 0 0-.111.106c-.007.006-.007.012-.013.012a1.454 1.454 0 0 0-.093.1c-.012.012-.03.024-.043.036a1.374 1.374 0 0 1-.106.112c-.006.012-.018.019-.024.03-.05.05-.093.1-.143.15l-.018.018c-.1.106-.205.211-.317.304-.111.1-.229.192-.347.273a3.777 3.777 0 0 1-.762.421c-.13.056-.267.106-.403.149-.26.056-.527.161-.756.18-.05 0-.105.012-.155.018l-.155.037-.149.056c-.05.019-.099.044-.148.068-.044.031-.093.056-.137.087a1.011 1.011 0 0 0-.124.106c-.043.03-.087.074-.124.111-.037.043-.074.08-.105.124-.031.05-.068.093-.093.143a1.092 1.092 0 0 0-.087.142c-.025.056-.05.106-.068.161-.019.05-.037.106-.056.161-.012.05-.025.1-.03.15 0 .005-.007.012-.007.018-.012.056-.012.13-.019.167C.006 7.95 0 7.986 0 8.03a.657.657 0 0 0 .074.31v.006c.019.037.044.075.069.112.024.037.05.074.08.111.031.031.068.069.106.1a.906.906 0 0 0 .117.099c.149.13.186.173.378.272.031.019.062.031.1.05.006 0 .012.006.018.006 0 .013 0 .019.006.031a1.272 1.272 0 0 0 .08.298c.02.037.032.074.05.111.007.013.013.025.02.031.024.05.049.093.073.137l.093.13c.031.037.069.08.106.118.037.037.074.068.118.105 0 0 .006.006.012.006.037.031.074.062.112.087a.986.986 0 0 0 .136.08c.043.025.093.05.142.069a.73.73 0 0 0 .124.043c.007.006.013.006.025.012.025.007.056.013.08.019-.018.335-.024.65.026.762.055.124.328-.254.6-.688-.036.428-.061.93 0 1.079.069.155.44-.329.763-.862 4.395-1.016 8.405 2.02 8.826 6.31-.08-.67-.905-1.041-1.283-.948-.186.458-.502 1.047-1.01 1.413.043-.41.025-.83-.062-1.24a4.009 4.009 0 0 1-.769 1.562c-.588.043-1.177-.242-1.487-.67-.025-.018-.031-.055-.05-.08-.018-.043-.037-.087-.05-.13a.515.515 0 0 1-.037-.13c-.006-.044-.006-.087-.006-.137v-.093a.992.992 0 0 1 .031-.13c.013-.043.025-.086.044-.13.024-.043.043-.087.074-.13.105-.298.105-.54-.087-.682a.706.706 0 0 0-.118-.062c-.024-.006-.055-.018-.08-.025l-.05-.018a.847.847 0 0 0-.13-.031.472.472 0 0 0-.13-.019 1.01 1.01 0 0 0-.136-.012c-.031 0-.062.006-.093.006a.484.484 0 0 0-.137.019c-.043.006-.086.012-.13.024a1.068 1.068 0 0 0-.13.044c-.043.018-.08.037-.124.056-.037.018-.074.043-.118.062-1.444.942-.582 3.148.403 3.787-.372.068-.75.148-.855.229l-.013.012c.267.161.546.298.837.416.397.13.818.247 1.004.297v.006a5.996 5.996 0 0 0 1.562.112c2.746-.192 4.996-2.281 5.405-5.033l.037.161c.019.112.043.23.056.347v.006c.012.056.018.112.025.162v.024c.006.056.012.112.012.162.006.068.012.136.012.204v.1c0 .03.007.067.007.098 0 .038-.007.075-.007.112v.087c0 .043-.006.08-.006.124 0 .025 0 .05-.006.08 0 .044-.006.087-.006.137-.006.018-.006.037-.006.055l-.02.143c0 .019 0 .037-.005.056-.007.062-.019.118-.025.18v.012l-.037.174v.018l-.037.167c0 .007-.007.02-.007.025a1.663 1.663 0 0 1-.043.168v.018c-.019.062-.037.118-.05.174-.006.006-.006.012-.006.012l-.056.186c-.024.062-.043.118-.068.18-.025.062-.043.124-.068.18-.025.062-.05.117-.074.18h-.007c-.024.055-.05.117-.08.173a.302.302 0 0 1-.019.043c-.006.006-.006.013-.012.019a5.867 5.867 0 0 1-1.742 2.082c-.05.031-.099.069-.149.106-.012.012-.03.018-.043.03a2.603 2.603 0 0 1-.136.094l.018.037h.007l.26-.037h.006c.161-.025.322-.056.483-.087.044-.006.093-.019.137-.031l.087-.019c.043-.006.086-.018.13-.024.037-.013.074-.02.111-.031.62-.15 1.221-.354 1.798-.595a9.926 9.926 0 0 1-3.85 3.142c.714-.05 1.426-.167 2.114-.366a9.903 9.903 0 0 0 5.857-4.68 9.893 9.893 0 0 1-1.667 3.986 9.758 9.758 0 0 0 1.655-1.376 9.824 9.824 0 0 0 2.61-5.268c.21.98.272 1.99.18 2.987 4.474-6.241.371-12.712-1.346-14.416-.006-.013-.012-.019-.012-.031-.006.006-.006.006-.006.012 0-.006 0-.006-.007-.012 0 .074-.006.148-.012.223a8.34 8.34 0 0 1-.062.415c-.03.136-.068.273-.105.41-.044.13-.093.266-.15.396a5.322 5.322 0 0 1-.185.378 4.735 4.735 0 0 1-.477.688c-.093.111-.192.21-.292.31a3.994 3.994 0 0 1-.18.155l-.142.124a3.459 3.459 0 0 1-.347.241 4.295 4.295 0 0 1-.366.211c-.13.062-.26.118-.39.174a4.364 4.364 0 0 1-.818.223c-.143.025-.285.037-.422.05a4.914 4.914 0 0 1-.297.012 4.66 4.66 0 0 1-.422-.025 3.137 3.137 0 0 1-.421-.062 3.136 3.136 0 0 1-.415-.105h-.007c.137-.013.273-.025.41-.05a4.493 4.493 0 0 0 .818-.223c.136-.05.266-.112.39-.174.13-.062.248-.13.372-.204.118-.08.235-.161.347-.248.112-.087.217-.18.316-.279.105-.093.198-.198.291-.304.093-.111.18-.223.26-.334.013-.019.026-.044.038-.062.062-.1.124-.199.18-.298a4.272 4.272 0 0 0 .334-.775c.044-.13.075-.266.106-.403.025-.142.05-.278.062-.415.012-.142.025-.285.025-.421 0-.1-.007-.199-.013-.298a6.726 6.726 0 0 0-.05-.415 4.493 4.493 0 0 0-.092-.415c-.044-.13-.087-.267-.137-.397-.05-.13-.111-.26-.173-.384-.069-.124-.137-.248-.211-.366a6.843 6.843 0 0 0-.248-.34c-.093-.106-.186-.212-.285-.317a3.878 3.878 0 0 0-.161-.155c-.28-.217-.57-.421-.862-.607a1.154 1.154 0 0 0-.124-.062 2.415 2.415 0 0 0-.589-.26Z" />
      </svg>
    ),
    link: "https://github.com/nestjs/nest",
  },
  {
    title: "WebdriverIO",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>WebdriverIO</title>
        <path d="M1.875 0C0.836 0 0 0.836 0 1.875v20.25C0 23.164 0.836 24 1.875 24h20.25C23.164 24 24 23.164 24 22.125V1.875C24 0.836 23.164 0 22.125 0ZM2.25 6H3V18H2.25ZM9.335 6H10.125L5.29 18H4.499ZM16.125 6c3.314 0 6 2.686 6 6 0 3.314-2.686 6-6 6-3.314 0-6-2.686-6-6 0-3.314 2.686-6 6-6zm0 0.75c-2.899 0-5.25 2.351-5.25 5.25 0 2.899 2.351 5.25 5.25 5.25 2.899 0 5.25-2.351 5.25-5.25 0-2.899-2.351-5.25-5.25-5.25z" />
      </svg>
    ),
    link: "https://github.com/webdriverio/webdriverio",
  },
  {
    title: "Nx",
    svg: (
      <svg
        className="margin-right--md"
        style={{ height: "1.25rem", width: "1.25rem" }}
        fill="currentColor"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>Nx</title>
        <path d="M11.987 14.138l-3.132 4.923-5.193-8.427-.012 8.822H0V4.544h3.691l5.247 8.833.005-3.998 3.044 4.759zm.601-5.761c.024-.048 0-3.784.008-3.833h-3.65c.002.059-.005 3.776-.003 3.833h3.645zm5.634 4.134a2.061 2.061 0 0 0-1.969 1.336 1.963 1.963 0 0 1 2.343-.739c.396.161.917.422 1.33.283a2.1 2.1 0 0 0-1.704-.88zm3.39 1.061c-.375-.13-.8-.277-1.109-.681-.06-.08-.116-.17-.176-.265a2.143 2.143 0 0 0-.533-.642c-.294-.216-.68-.322-1.18-.322a2.482 2.482 0 0 0-2.294 1.536 2.325 2.325 0 0 1 4.002.388.75.75 0 0 0 .836.334c.493-.105.46.36 1.203.518v-.133c-.003-.446-.246-.55-.75-.733zm2.024 1.266a.723.723 0 0 0 .347-.638c-.01-2.957-2.41-5.487-5.37-5.487a5.364 5.364 0 0 0-4.487 2.418c-.01-.026-1.522-2.39-1.538-2.418H8.943l3.463 5.423-3.379 5.32h3.54l1.54-2.366 1.568 2.366h3.541l-3.21-5.052a.7.7 0 0 1-.084-.32 2.69 2.69 0 0 1 2.69-2.691h.001c1.488 0 1.736.89 2.057 1.308.634.826 1.9.464 1.9 1.541a.707.707 0 0 0 1.066.596zm.35.133c-.173.372-.56.338-.755.639-.176.271.114.412.114.412s.337.156.538-.311c.104-.231.14-.488.103-.74z" />
      </svg>
    ),
    link: "https://github.com/nrwl/nx",
  },
];

function Project({ title, svg, link }: ProjectItem): JSX.Element {
  return (
    <div className={styles.project}>
      {svg}
      <a href={link} target="_blank" rel="noreferrer" title={title} className={styles.project__link}>
        {title}
        <span className="link--inset" aria-hidden="true"></span>
      </a>
    </div>
  );
}

export default function ProjectUsingLerna(): JSX.Element {
  return (
    <div className="padding-vert--xl container">
      <p className="margin-bottom--md" style={{ textAlign: "center" }}>
        Thousands of teams worldwide are using Lerna
      </p>
      <div className="row">
        {projects.map((p) => (
          <div className="col col--4 margin-vert--sm">
            <Project title={p.title} link={p.link} svg={p.svg} />
          </div>
        ))}
      </div>
    </div>
  );
}
